<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="sec"    uri="http://www.springframework.org/security/tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<sec:authentication property="principal" var="currentPrincipal" scope="page" />

<fmt:setBundle basename="ApplicationMessage" />
<fmt:setLocale value="zh_CN" />

<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>

</head>

<body class="ms-theme-blue">

  <%@ include file="/WEB-INF/include/header.jsp"%>
  <%@ include file="/WEB-INF/include/submenu.jsp"%>
  
  <div class="container-fluid ms-container has-ms-sidemenu">
    
    <ol class="ms-breadcrumb breadcrumb">
      <li class="active">油价管理</li>
    </ol>
    
    <div class="ms-content-layout has-operation">
    
  	  <div class="ms-operation-bar no-margin no-bottom-border clearfix">
        <div class="ms-operation-group pull-right">
  
          <c:if test="${empty currentPrincipal.transOrgId}">
            <a href="${ctx.host}/oil-prices/search"  class="btn ms-btn ms-btn-blue" data-toggle="modal" data-target="#search">
              <i class="glyphicon glyphicon-search"></i>&nbsp;&nbsp;过滤查询
            </a>
          </c:if>
        
          <a href="${ctx.host}/oil-prices/create" class="btn ms-btn ms-btn-blue"  data-toggle="modal" data-target="#create">设置油价</a>
          
        </div>
      </div>

      <table class="table table-hover ms-table">
        <thead>
          <tr>
            <th>公司名称</th>
            <th>油料类型</th>
            <th>加油地点</th>
            <th>油料单价（元/升）</th>
            <th>起始日期时间</th>
            <th>有效日期时间</th>
          </tr>
        </thead>
        
        <tbody>
          <c:forEach items="${oilPrices}" var="oilPrice">
            <tr>
              <td>${oilPrice.organization.name}</td>
              <td>${empty oilPrice.oilType ? '无' : persist.oilType(oilPrice.oilType)}</td>
              <td>${empty oilPrice.oilPlace ? '无' : persist.masterData('OIL_PLACE', oilPrice.oilPlace)}</td>
              <td><fmt:formatNumber value="${oilPrice.price}" maxFractionDigits="2" pattern="0.00"/></td>
               <td><fmt:formatDate value="${oilPrice.startDate}" pattern="yyyy-MM-dd HH:mm:ss"/> </td>
              <td><fmt:formatDate value="${oilPrice.effectDate}" pattern="yyyy-MM-dd HH:mm:ss"/> </td>
            </tr>
          </c:forEach>
        </tbody>
        
        <tfoot>
          <tr>
            <td colspan="6" class="no-vertical-padding">
              <div class="pull-left">
              	<jsp:include page="/WEB-INF/include/page.jsp">
              		<jsp:param name="url" value="${ctx.host}/oil-prices" />
              		<jsp:param name="queryString" value="${queryString}" />
      			    </jsp:include>
              </div>
              
      			  <div class="pull-right">
      					<a href="${ctx.host}/oil-prices/export?${queryString}&per_page=${config.everyPage}&page=${page.currentPage}" class="btn btn-default">输出当前记录</a>
      					<a href="${ctx.host}/oil-prices/export-all?${queryString}&limit=${config.limit}" class="btn btn-default">输出所有记录</a>
      			  </div>
            </td>
          </tr>
        </tfoot>
      </table>

    </div> 
  </div>       
  
  <%@ include file="/WEB-INF/include/script.jsp"%>
  <d:resource type="script" root="${ctx.resource}/build" src="js/page/data/cost/oil-price-list.js" />
  <script type="text/javascript">
      require(['page/data/cost/oil-price-list'], function(page) {
        page.init()
      })
  </script>
  
</body>
</html>